<template>
	<view class="core">
		<view class="core-w">
			帮助中心
		</view>
		<view class="core-tu">
			<u-search placeholder="日照香炉生紫烟" :show-action="false" shape bg-color="#EEEEEE" border-color="#EEEEEE" height="60" :animation="false" :clearabled="true" v-model="keyword"></u-search>
		</view>
		<view class="tab-core">
			<view class="core-text">购买问题</view>
			<view>出售问题</view>
		</view>
		<view class="core-cen">
			<view class="core-left" v-for="(item,index) in 3" :key="index">
				<view class="core-left1" >
					<view class="core-img">
						<image  src="/static/my/dd.png" mode=""></image>
					</view>
					<view class="core_text" >订单问题</view>
					<view style="text-align: center;">
						<u-icon name="arrow-down"  size="25" color="#BFBFBF"></u-icon>
					</view>

				</view> 
				<view class="core-right" >
					<view class="core-right-top" >下单找不到记录</view>
					<view class="code" >下单找不到记录</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.core{
	padding: 0 0 0 26rpx;
	
	.core-w{
		padding-top: 40rpx;	
		font-size: 34rpx;
		font-family: PingFang;
		font-weight: bold;
		color: #000000;
	}
	.core-tu{
		padding:27rpx 43rpx 0 0 ;
		
	}
	.tab-core{
		padding: 24rpx 0;		
		
		border-bottom: 1rpx solid #EEEEEE;
		display: flex;
		
		
		view{
			width: 50%;
			font-size: 32rpx;
			font-family: PingFang;
			font-weight: 500;
			color:#999999;
			padding:15rpx 0;
			text-align: center;
		}
		.core-text{		
			color: #000000;
			border-right: 1rpx solid #eee;
		}
	}
	.core-cen{
		width: 100%;
		
		.core-left{
			border-bottom: 1rpx solid #eee;
			display: flex;
			
			.core-left1{
				width:20% ;
				padding:30rpx 49rpx 30rpx 0;
				border-right: 1rpx solid #eee;
				
				.core-img{
					margin: auto;width: 30rpx;height: 30rpx;
					
					image{
						width: 30rpx;
						height: 30rpx;
					}
				}
				.core_text{
					font-size: 26rpx;
					padding-top:19rpx;
					text-align: center
				}
			}
			.core-right{
				width: 80%;
				
				.core-right-top{
					padding:29rpx 0 20rpx 21rpx;
					border-bottom: 1rpx solid #eee;
				}
				.code{
					padding: 29rpx 0 20rpx 21rpx;
				}
			}
		}
	}
}
</style>
